<template>
    <div class="agreement-page">
        <div class="agreement-container">
            <h1 class="agreement-title">面试橙子用户协议</h1>

            <p class="agreement-intro">
                欢迎您使用由上海微迪欧文化传播有限公司提供的"面试橙子"网页服务！在使用本服务前，请您仔细阅读本用户协议（以下简称"本协议"）的全部内容。如果您使用本服务，即表示您已充分阅读、理解并同意接受本协议的约束。如您不同意本协议的任何条款，请勿使用本服务。
            </p>

            <section class="agreement-section">
                <h2 class="section-title">一、定义</h2>
                <ol class="section-list">
                    <li><strong>公司</strong>：指上海微迪欧文化传播有限公司。</li>
                    <li><strong>用户</strong>：指使用本公司"面试橙子"网页服务的自然人、法人或其他组织。</li>
                    <li><strong>服务</strong>：指公司通过"面试橙子"网页向用户提供的基于 AI 的面试模拟服务。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">二、服务内容</h2>
                <ol class="section-list">
                    <li>公司将通过"面试橙子"网页，利用 AI 技术为用户提供面试模拟场景，包括但不限于模拟面试官提问、提供面试评估报告等。</li>
                    <li>公司有权根据实际情况对服务内容进行调整、升级或更新，相关调整将在"面试橙子"网页上公布，用户继续使用服务即视为同意调整后的内容。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">三、用户注册与登录</h2>
                <ol class="section-list">
                    <li>用户需提供真实、有效、完整的手机号码进行注册。用户应妥善保管自己的账号和密码，因用户原因导致账号或密码泄露而造成的损失，由用户自行承担。</li>
                    <li>用户保证在注册和使用服务过程中，不提供虚假信息、不进行任何违法违规行为。若公司发现用户存在违规行为，有权暂停或终止用户的服务。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">四、费用与支付</h2>
                <ol class="section-list">
                    <li>本服务可能会收取一定费用，具体费用标准及支付方式在"面试橙子"网页上明示。</li>
                    <li>用户应按照页面提示的支付方式和时间完成支付。若用户未按时支付费用，公司有权暂停或终止服务。</li>
                    <li>如因用户自身原因导致支付错误或纠纷，用户应自行解决，公司不承担任何责任。但公司将尽力协助用户处理相关问题。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">五、双方权利与义务</h2>

                <h3 class="subsection-title">（一）用户权利与义务</h3>
                <ol class="section-list">
                    <li>用户有权在遵守本协议的前提下，使用公司提供的服务。</li>
                    <li>用户应遵守国家法律法规及本协议约定，不得利用服务进行任何违法犯罪活动，不得侵犯公司或其他第三方的合法权益。</li>
                    <li>用户应自行承担因使用服务而产生的设备、网络等费用。</li>
                </ol>

                <h3 class="subsection-title">（二）公司权利与义务</h3>
                <ol class="section-list">
                    <li>公司有权根据法律法规、政策变化及运营需要，修改本协议。修改后的协议将在"面试橙子"网页上公布，自公布之日起一定期限后生效。若用户在新协议生效后继续使用服务，视为同意新协议。</li>
                    <li>公司有权对用户使用服务的情况进行监督，发现违反法律法规或本协议的行为时，有权暂停或终止服务。</li>
                    <li>公司将尽力保障服务的安全、稳定运行，但对于因不可抗力、第三方原因等非公司原因导致的服务中断或数据丢失，公司不承担责任。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">六、知识产权</h2>
                <ol class="section-list">
                    <li>公司对"面试橙子"网页及相关服务的所有内容，包括但不限于文字、图片、音频、视频、软件、程序、数据等享有知识产权。</li>
                    <li>未经公司许可，用户不得复制、修改、传播或以其他方式使用上述内容，否则将承担相应的法律责任。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">七、隐私保护</h2>
                <ol class="section-list">
                    <li>公司重视用户隐私保护，将按照《面试橙子隐私政策》收集、使用、存储和共享用户的个人信息。</li>
                    <li>用户同意，为提供服务所需，公司可以收集和使用用户的相关信息，包括但不限于用户上传的简历、面试互动内容等。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">八、免责声明</h2>
                <ol class="section-list">
                    <li>用户理解并同意，"面试橙子"提供的是模拟面试服务，不保证能完全模拟真实面试场景，不对用户的实际面试结果负责。</li>
                    <li>公司不对用户上传的简历内容的真实性、准确性负责，用户应对自己提供的信息承担责任。</li>
                    <li>因网络故障、系统维护、黑客攻击等不可抗力因素导致的服务中断，公司不承担责任。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">九、协议终止</h2>
                <ol class="section-list">
                    <li>用户可以通过注销账号的方式终止本协议。</li>
                    <li>如用户违反本协议或相关法律法规，公司有权终止协议并停止提供服务。</li>
                    <li>协议终止后，公司有权根据法律法规要求保留用户的相关信息，并不再向用户提供服务。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">十、法律适用与争议解决</h2>
                <ol class="section-list">
                    <li>本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。</li>
                    <li>如双方就本协议内容或执行发生争议，应友好协商解决；协商不成的，任何一方均可向公司所在地有管辖权的人民法院提起诉讼。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">十一、其他</h2>
                <ol class="section-list">
                    <li>本协议中的标题仅为方便阅读而设，不影响对协议内容的解释。</li>
                    <li>本协议自用户同意并开始使用服务时生效。</li>
                    <li>如本协议中的任何条款因任何原因被判定为无效或不可执行，该条款应在可能的范围内解释、执行，以实现原有条款的目的，且不影响其他条款的有效性。</li>
                </ol>
            </section>

            <p class="agreement-footer">
                上海微迪欧文化传播有限公司
            </p>
        </div>
    </div>
</template>

<script setup>
    // 用户协议页面
</script>

<style lang="scss" scoped>
    .agreement-page {
        padding: 20px;
        background-color: #fff;
        min-height: 100vh;

        .agreement-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .agreement-title {
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 30px;
            color: #333;
        }

        .agreement-intro {
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 30px;
            color: #333;
        }

        .agreement-section {
            margin-bottom: 30px;

            .section-title {
                font-size: 20px;
                font-weight: bold;
                margin-bottom: 15px;
                color: #333;
            }

            .subsection-title {
                font-size: 18px;
                font-weight: bold;
                margin: 15px 0;
                color: #333;
            }

            .section-list {
                padding-left: 20px;

                li {
                    margin-bottom: 10px;
                    line-height: 1.6;
                    font-size: 16px;
                    color: #333;

                    strong {
                        font-weight: bold;
                    }
                }
            }
        }

        .agreement-footer {
            text-align: right;
            margin-top: 50px;
            font-size: 16px;
            color: #333;
        }
    }
</style>

<script setup>

</script>

<style lang="scss" scoped>
    .agreement-page {
        min-height: 100vh;
        background: #fff;
        padding: 0 10px;
    }
</style>